{% extends "zerver/portico_signup.html" %}
{# Home page for not logged-in users. #}

{% block title %}
<title>{{ _("Create a new organization") }} | Zulip</title>
{% endblock %}

{# This is where we pitch the app and solicit signups. #}

{% block portico_content %}
<div class="app register-page">
    <div class="app-main register-page-container new-style flex full-page">

        <div class="register-form" id="new-realm-creation">
            <div class="lead">
                <h1 class="get-started">{{ _("Create a new Zulip organization") }}</h1>
            </div>
            <div class="white-box">
                <form class="form-inline" id="create_realm" name="email_form"
                  action="{{ current_url() }}" method="post">
                    {{ csrf_input }}

                    {% include 'zerver/create_realm/realm_creation_base_form_fields.html' %}
                    {% include 'zerver/create_realm/realm_creation_subdomain_form_field.html' %}
                    {% if is_realm_import_enabled %}
                    {% include 'zerver/create_realm/realm_creation_import_form_field.html' %}
                    {% endif %}

                    <div class="input-box horizontal">
                        <div class="inline-block relative">
                            <input type="text" class="email required" placeholder="{{ _("Enter your email address") }}"
                              id="email" name="email" required />
                            <label for="email">{{ _('Your email') }}</label>
                        </div>
                        {% if form.email.errors %}
                        {% for error in form.email.errors %}
                            <div class="alert alert-error">{{ error }}</div>
                        {% endfor %}
                        {% endif %}
                    </div>
                    <div class="input-box" id="altcha-submit-button-container">
                        <button type="submit" class="new-organization-button register-button">{{ _("Create organization") }}</button>
                        {% if has_captcha %}
                            {% if form.captcha.errors %}
                                {% for error in form.captcha.errors %}
                                <p class="help-inline text-error">{{ error }}</p>
                                {% endfor %}
                            {% endif %}
                            {{ form.captcha }}
                        {% endif %}
                    </div>
                </form>
            </div>
            {% if not is_realm_import_enabled %}
            <div class="bottom-text">
                {% trans %}
                Or import
                from <a href="/help/import-from-slack">Slack</a>, <a href="/help/import-from-mattermost">Mattermost</a>,
                or <a href="/help/import-from-rocketchat">Rocket.Chat</a>.
                {% endtrans %}
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}
